@function toRem($num) {
  @return $num/16+rem;
}

.fun-wh {
  height: 30vw;
  width: 30vw;
}

.item {
  a {
    background-color: #ffffff;
    box-shadow: 0px 0px toRem(5) #dcdcdc;
    border-radius: toRem(5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #414141;
    text-decoration: none;
    &:hover {
      color: #09ba07;
    }
    .info {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      .iconfont {
        font-size: toRem(40);
      }
      .title {
        margin-top: toRem(10);
        font-size: toRem(12);
      }
    }
  }
}

